﻿@charset "UTF-8";

/* reset */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, blockquote, table, caption, thead, tbody, tfoot, tr, td, form, fieldset, legend { margin: 0; padding: 0; }
section, header, footer, nav, article, aside, figure, figcaption, dialog { display: block; }
img, object, embed, iframe { vertical-align: middle; max-width: 100%; }
a img { border: none; }
ul, ol { list-style: none; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html { background: #ddd; }
/*body { position: relative; width: 320px; margin: 0 auto; }*/


.photos:after,
.group:after { content: ""; display: block; clear: both; }
.photos,
.group { zoom: 1; }

body { overflow-x: hidden; }

.page { position: absolute; width: 100%; background: #fff; z-index: 10; }

.photos { padding: 4px; }
.photos li { float: left; margin: 4px; }

#detail-main { position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; }
#detail-main .wrapper { position: relative; width: 100%; height: 173px; }
#map { margin-top: 173px; }

.current-photo,
.prev-photos li,
.next-photos li { position: absolute; right: 20px; z-index: 20; }
.prev-photos li.first,
.next-photos li.first { right: -10px; z-index: 10; }

.current-photo { right: 40px; top: 40px; z-index: 100; }
.prev-photos li { top: 100px; }
.prev-photos li.first { top: 130px; }
.next-photos li { top: 10px; }
.next-photos li.first { top: -20px; }

.current-photo { width: 75px; height: 75px; }
.current-photo img { width: 100%; height: 100%; }

.image-box { position: absolute; display: none; z-index: 1000; text-align: center; }
.image-box img { max-width: 100%; max-height: 100%; }
